@font-face {
    font-family: 'Myriad Pro';
    src: local('Myriad Pro Light'),
        url('../fonts/MyriadPro-Light.woff2') format('woff2'),
        url('../fonts/MyriadPro-Light.woff') format('woff'),
        url('../fonts/MyriadPro-Light.bin') format('ttf'),
        url('../fonts/MyriadPro-Light.eot') format('eot');
}

@font-face {
    font-family: 'Myriad Pro Regular';
    src: local('Myriad Pro Regular'),
        url('../fonts/MYRIADPRO-REGULAR.woff2') format('woff2'),
        url('../fonts/MYRIADPRO-REGULAR.woff') format('woff'),
        url('../fonts/MYRIADPRO-REGULAR.bin') format('ttf'),
        url('../fonts/MYRIADPRO-REGULAR.eot') format('eot');
}

@font-face {
    font-family: 'Myriad Pro SemiBold';
    src: local('Myriad Pro SemiBold'),
        url('../fonts/MYRIADPRO-SEMIBOLD.woff2') format('woff2'),
        url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff'),
        url('../fonts/MYRIADPRO-SEMIBOLD.bin') format('ttf'),
        url('../fonts/MYRIADPRO-SEMIBOLD.eot') format('eot');
}

@font-face {
    font-family: 'Myriad Pro Bold';
    src: local('Myriad Pro Bold'),
        url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('ttf'),
        url('../fonts/MyriadPro-Bold.eot') format('eot');
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: 'Roboto-Regular-Medium';
    src: url('../fonts/Roboto-Medium.ttf');
}

body {
    font-family: 'Roboto-Regular';
    overflow-x: hidden;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Myriad Pro bold';
    font-weight: 700;
    padding: 0;
    margin: 0;
}

button {
    background: transparent;
    border: none;
}

img {
    max-width: 100%;
}

.container {
    width: 1280px;
    margin: auto;
}

.btn {
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 24px;
    border: none;
    padding: 32px 40px;
    text-align: center;
    color: #fff;

}

a {

    text-decoration: none;
}

.header button {
    color: #fff;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height */

    text-align: center;
}

button:hover {
    cursor: pointer;
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header a.link-active {
    color: #0088FF;
}

.header__menu a {
    font-size: 18px;
    font-weight: 400;
}

.phone-cart img {
    height: 550px;
    width: 650px;
}

.slick-track {
    display: flex;
}

.wrapper-slider .slick-dots {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding-left: 0;
    bottom: 24px;
}

.icon {
    background: #F8F8F8;
    padding: 60px 0;
}

.srvice_obsl {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slick-list {
    overflow-x: clip;
}

.wrapper-slider .slick-dots li {
    opacity: .4;
    font-size: 0;
    width: 8px;
    height: 8px;
    list-style: none;
    margin-right: 16px;
    background: #fff;
    border-radius: 50%;
}

.slick-active {
    opacity: 1 !important;
}


.wrapper-slider .slick-dots li button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    opacity: 80%;
    font-size: 1px;
}

.wrapper-slider .slick-dots .slick-active button {
    opacity: 100%;
    font-size: 1px;
}



/* HEADER */
.header {
    background: #2C3B48;
    color: #FFF;
    padding: 28px 0;
}

.header a {
    color: #FFF;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    font-size: 16px;
}

.header__top {
    display: flex;
    justify-content: space-between;
}

.header__menu-left {
    display: flex;
    align-items: center;
}

.header__menu-right {
    display: flex;
    align-items: flex-start;
    margin-top: 16px;
}

.news {
    padding-bottom: 60.5px;
}

.header__top,
.header__bottom,
.header__menu ul {
    display: flex;
}

.header__logo {
    margin-right: 96.5px;
    align-self: flex-start;
}

.header .header__menu-left ul {
    margin-top: 15px;
    margin-bottom: 25px;
}

.menu-top ul li a {
    opacity: 80%;
    font-size: 16px;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
}

.header__bottom a {
    font-size: 18px !important;
    font-family: 'Roboto-Regular';
}

.header__link-actived {
    color: #0088FF !important;
}

.menu-top ul li a:active,
.menu-top ul li a:hover {
    opacity: 100%;
}

.menu-top ul li {
    position: relative;
}

.menu-top ul li::before {
    content: "";
    height: 2px;
    width: 100%;
    background: #FFF;
    position: absolute;
    bottom: -26px;
    display: none;
}

.menu-top ul li:hover::before {
    display: block;
}

.menu-top ul li:not(:last-child) {
    margin-right: 33.5px;
}

.menu-bottom ul li:not(:last-child) {
    margin-right: 32px;
}

.header__menu ul li:last-child {
    margin-right: 0;
}

.our-client a {
    opacity: 1 !important;
}

.header__link {
    font-family: 'Roboto-Regular';
    text-align: center;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
}

.header__link-ofic {
    margin-left: 24px;
    margin-right: 30px;
}

.header__link_pop a {
    font-family: 'Roboto-Regular-Medium';
    width: 10%;
    text-align: center;
    opacity: 0.8;
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
}

.header__top {
    border-bottom: 1px solid #ffffff7a;
    font-size: 18px;
}

.header__bottom {
    justify-content: space-between;
    padding-top: 20px;
    font-size: 24px;
}

.header__geo {
    display: flex;
    align-items: center;
    text-align: right;
}

.header__geo img {
    margin-left: 8px;
}

.header__lk {
    font-size: 18px;
    opacity: 0.8;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.header__lk img {
    margin-left: 8px;
    margin-right: 2px;
}

/*Выбор города*/
.pop_gorod {
    overflow: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
}

.pop_gorod::-webkit-scrollbar {
    width: 0;
}

.pop_gorod::-webkit-scrollbar-thumb {
    width: 100%;
}

.header__top1 {
    display: flex;
    align-items: center;
    padding: 28px 0 19px;
    font-size: 18px;
    text-align: left;
    border-bottom: solid 1px #2c3b4830;

}

.menu-top1 {
    padding-right: 228.5px;
}

.menu-top1 ul li a:hover {
    color: #2C3B48;
}

.menu-top1 ul li a {
    font-family: 'Roboto-Regular-Medium';
    color: rgba(44, 59, 72, 0.8);
}

.menu-top1 ul li a:active,
.menu-top1 ul li a:hover {
    opacity: 100%;
}

.menu-top1 ul li {
    position: relative;
    display: inline-flex;
    padding-right: 40px;
}

.menu-top1 ul li:last-child {
    padding-right: 0;
}

.menu-top1 ul li::before {
    content: "";
    height: 2px;
    width: 80%;
    margin: auto;
    background: #2C3B48;
    position: absolute;
    bottom: -33px;
    display: none;
}

.menu-top1 ul li:first-child:before {
    display: block;
}

header .menu-top ul .our-client::before {
    display: block;

}


.menu-top1 ul li:hover::before {
    display: block;
}

.header__geo_pop {
    display: flex;
    align-items: center;
}

.header__geo_pop img {
    margin-left: 9px;
}

.header__geo_pop a {
    color: #2C3B48;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
}

.block_goroda {
    display: block;
}

.block_goroda h1 {
    text-align: left;
    font-weight: 600;
    font-size: 44px;
    line-height: 110%;
    color: #2C3B48;
}

.goroda {
    margin: 60px 0 98px;
    display: flex;
    align-items: center;
}

.goroda ul {
    width: 25%;
}

.goroda ul li {
    list-style: none;
    text-align: left;
}

.goroda ul li:not(:last-child) {
    padding-bottom: 20px;
}

.goroda ul li a {
    font-family: 'Myriad Pro Regular';
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #2C3B48;
}

.goroda ul li a:hover {
    color: #1579D3;
}

.goroda ul li a:active {
    color: #064288;
}

header .closer10 {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    color: #2C3B48 !important;
    opacity: .8 !important;
}




/*Выбор города*/

/* OFFER */
.offer {
    margin: 60px 0;
}

.offer__wrapper {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    border-radius: 50px;
    color: #fff;
    position: relative;
}

.offer__wrapper h1 {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 90%;
    max-width: 591px;
}

.offer__wrapper p {
    margin: 16px 0 65px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    color: rgba(255, 255, 255, 0.8);
}

.offer__wrapper .slick-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 70px;
    padding-bottom: 98px;
    position: relative;
}

.offer__button {
    width: 260px;
    height: 66px;
    font-size: 18px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    padding: 0;
    border-radius: 8px;
    font-family: 'Roboto-Regular';
    font-weight: 500;
}

.offer__img {
    position: absolute;
    right: 0;
    top: -87px;
    width: 542px;
    height: 530px;
}

.offer__img img {
    width: 100%;
    height: 100%;
}


/* ADVANTAGES */
.advantages__wrapper {
    display: flex;
}

.advantages__item {
    background: #FFFFFF;
    box-shadow: 0px 5px 12px rgba(14, 81, 141, 0.15);
    border-radius: 16px;
    padding: 20px;
    margin-right: 40px;
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.advantages__item:last-child {
    margin-right: 0;
}

.advantages__item .title {
    font-family: 'Myriad Pro SemiBold';
    font-weight: 700;
    font-size: 20px;
    background-position: left;
    padding-left: 60px;
    background-repeat: no-repeat;
    background-size: 50px;
    height: 55px;
    display: flex;
    align-items: center;
}

.advantages__item .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    margin: 16px 0;
    margin-bottom: 24px;
}

.advantages__item .button {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    float: right;
    color: #1579D3;
    margin-right: 2px;
}

.title-one {
    background-image: url('../image/advantages_1.png');
    color: #064288
}

.title-two {
    width: 180px;
    background-image: url('../image/advantages_2.png');
    color: #064288
}

.title-three {
    background-image: url('../image/advantages_3.png');
    color: #064288
}



/* NUMBER */
.number {
    padding: 80px 0;
}

.number__wrapper {
    background: url('../image/fon_number.png');
    background-repeat: no-repeat;
    padding: 60px 0;
    border-radius: 24px;

}

.number__wrapper-main {
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.number__item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
}

.number__title {
    color: #FFF;
    font-weight: 700;
    font-size: 44px;
    font-family: 'Myriad Pro SemiBold';
}

.number__line {
    background: #FFF;
    height: 1px;
    width: 160px;
    margin: 20px auto;
}

.number__text {
    font-weight: 400;
    font-size: 18px;
    color: #FFF;
}



/* NEWS */
.news .container {
    display: flex;
}

.news__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 45.76px;
    color: #2C3B48;
    font-family: 'Myriad Pro Bold';

}

.news__wrapper {
    margin: 42px 0;
}

.news__item {
    margin-bottom: 24px;
    padding: 24px;
    width: 90%;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
    border-radius: 16px;
}

.mobile__contacts {
    display: flex;

}

.news__item_data,
.news__item_text {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.news__item_text {
    width: 90%;
}

.news__item:last-child {
    margin-bottom: 32px;
}

.news__item_data {
    font-size: 14px;
}

.news__item__title {
    margin: 16px 0 8px;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #064288;
}

.mobile__contacts img {
    margin-right: 24px;
    width: 180px;
    height: 54px;
}

.news__button {
    color: #1579D3;
    font-family: 'Myriad Pro SemiBold';
    background-image: url('../image/payment/payment-arrow-right.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 36px;
    font-weight: 700;
    font-size: 20px;
    display: inline-block;

}

.news__button:hover {
    color: #419BEC;
}

.news__button:active {
    color: #0B6FC9;
}

/* MOBILE */
.mobile {
    padding: 60px 0;
}

.partner__item img {
    border-radius: 16px 16px 0 0;
}

.mobile__wrapper {
    background: linear-gradient(289.59deg, #C4C4C4 24.24%, #F7F7F7 80.42%);
    border-radius: 24px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 35px 70px 0 70px;
    /* width: 1280px; */
    height: 367px;
}

.mobile__title {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #1579D3;
}

.mobile__text {
    font-size: 18px;
    color: rgba(44, 59, 72, 0.8);
    font-weight: 400;
    padding: 16px 0 26px;
    width: 80%;
}

.mobile__right {
    width: 70%;
    height: 100%;
    position: relative;
}

.mobile__right img {
    height: 100%;
    position: absolute;
    left: 42px;
}

/* PARTNER */
.partner {
    padding: 60px 0;
}

.partner__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.partner__title {
    margin-bottom: 40px;
    font-size: 44px;
    font-weight: bold !important;
    font-style: normal;
    line-height: 104%;
    color: #2C3B48;
}

.title-2 {
    margin-bottom: 28px;
}

.partner__item {
    background: #FFFFFF;
    box-shadow: 2px 4px 10px rgba(14, 81, 141, 0.04);
    border-radius: 16px;
    transition: .3s;
    margin-right: 40px;
}

.partner__item div {
    padding: 16px 16px 23px;
}

.partner__item:last-child {
    margin-right: 0;
}

.partber__item_name {
    margin-bottom: 8px;
    font-family: 'Myriad Pro SemiBold';
    font-size: 20px;
    font-weight: 600;
}

.partner__item_text {
    font-size: 16px;
    font-weight: 400;
    color: rgba(44, 59, 72, 0.8);
}

.partner__item:hover {
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
}


/* EVENTS */
.events {
    background: #F8F8F8;
    padding: 60px 0;
    padding-bottom: 60.5px;
}

.events__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.events__item {
    background: #FFFFFF;
    border-radius: 16px;
    margin-right: 40px;
    padding: 32px 24px;
}

.events__item:last-child {
    margin-right: 0;

}

.events__item_data,
.events__item_text {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.events__item_data {
    font-size: 14px;
}

.events__item__title {
    margin: 8px 0 8px;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
}

.events__button {
    color: #1579D3;
    width: 230px;
    background-image: url('../image/payment/payment-arrow-right.png');
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 33px;
    font-size: 20px;
    margin-top: 28px;
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;

}

.events__button:hover a {
    color: #419BEC;
}

.events__button:active a {
    color: #0B6FC9;
}

.events__button a {
    color: #1579D3;
}




/* FOOTER */
.footer__wrapper {
    display: flex;
    justify-content: space-between;
    padding: 32px 0;
    padding-bottom: 35px;
}

.footer {
    background: #2C3B48;
    color: #FFF;
}

.footer .section__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 60px 0 80px;
}

.footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #ffffff7a;
    padding: 15px 0 28px;
}

.header__geo10 {
    cursor: pointer;
}

.footer-hlp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #FFF;
    opacity: 80%;
    font-family: 'Myriad Pro regular';
    font-weight: 400;
}

.footer-hlp span {
    padding-right: 40px;
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    opacity: .6;
}

.footer-hlp a {
    margin-right: 44px;
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    opacity: 0.6;
    text-decoration: none;
}

.footer__column:nth-child(3) {
    margin-bottom: 35px;
}

.footer__menu_title {
    margin-bottom: 12px !important;
    opacity: 0.5;
    font-size: 16px !important;
    font-weight: 600;
    font-family: 'Myriad Pro';
}

.footer__menu_title:first-child {
    margin-bottom: 24px !important;
}

.footer__menu li {
    font-size: 18px;
    margin-bottom: 12px;

}

.footer__menu p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;


}

.footer__column:last-child p {
    color: #FFF;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    font-size: 14px;
    margin-left: 56px;
}

.footer__bottom p,
.footer__menu_title a,
.footer__text {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
}

.footer__text {
    font-size: 14px;
    opacity: .8 !important;
}

.footer__phone {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;

}

.footer__menu a {
    color: #FFF;
}

.footer__contacts {
    display: flex;
    gap: 16px;
    margin-top: 28.5px;
}

.footer__logo {
    margin-bottom: 38px;
}

.footer__column:last-child {
    width: 20%;
    display: flex;
    flex-direction: column;
    /* align-items: center !important; */
}

.footer__button {
    width: 200px;
    height: 54px;
    border-radius: 8px;
    font-size: 16px;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: flex-end;
    /* margin: auto; */
}

.footer__contacts img {
    opacity: .6;
    width: 28px;
    height: 28px;
}

.footer__youtube img {
    opacity: 1;
}

.footer__bottom p {
    font-size: 14px;
    opacity: .6;
}

.footer input {
    height: 29px;
    background: none;
    border: none;
    border-bottom: solid 1px #959DA3;
    font-size: 16px;
    margin: 31px 0 26px;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    width: 200px;
    align-self: flex-end;
}

.footer__mail::placeholder {
    color: #FFFFFF;
    opacity: .8;
}

.footer__menu_title a {
    font-size: 16px;
}

/* P-TABS */
.p-tabs {
    padding: 20px 0 60px;
}

.p-tabs h1 {
    max-width: 841px;
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 45.76px;
    margin: 60px 0 40px;
    color: #2C3B48;
}

.p-tabs__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.p-tabs__item {
    background: #FFFFFF;
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
    border-radius: 12px;
    width: 228px;
    height: 174px;
    /* padding: 10px 24px; */
    display: flex;
    flex-direction: column;
    cursor: pointer;
    align-items: center;

    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    /* line-height: 116%; */
    color: #2C3B48;
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    transition: .15s;
}

.p-tabs__item:hover {
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
}

.activePayment {
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
}

.p-tabs__item p {
    font-size: 18px;
    width: 180px;
    text-align: center;
}

.p-tabs__item:not(:last-child) {
    margin-right: 32px;
}

.p-tabs__svg {
    /* height: 40%; */
    display: flex;
    margin: 29px 0 21px;
    align-items: center;
}

.p-tabs__item:hover p {
    color: #064288;
}

.p-tabs__item:hover svg path {
    fill: #064288;
}

.child2 {
    margin: 33px 0 25px !important;
}

.child4 {
    margin: 33px 0 21px;
}

.active > svg path {
    fill: #064288 !important;
}

.active ~ p {
    color: #064288;
}

/* WINDOWS */
.windows {
    background-image: url("../image/payment/payment-fon1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    /* margin: 60px 0 0 0; */

}

.expense {
    background: #F8F8F8;
    padding: 40px 0;
}

.windows h3 {
    font-size: 34px;
    font-family: 'Myriad Pro Bold';
    font-weight: 700;
    margin-bottom: 24px;
}

.window-two__text h3 {
    margin-bottom: 28px;
}

.window-one,
.window-two,
.window-four,
.window-five {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 0 205px 0;
}

.window-four {
    padding: 60px 0;
}


.window-one {
    justify-content: flex-start;
    padding: 60px 0;
    align-items: flex-start;
}

.window-five {
    padding: 60px 0 56px;
}

.window-two,
.window-five {
    flex-direction: column;
}

.window-four__list,
.window-four__qrcode div {
    display: flex;
}

.window-one__foto {
    filter: drop-shadow(0px 6.05645px 14.5355px rgba(14, 81, 141, 0.15));
    border-radius: 16px;
    overflow: hidden;
}

.window-one__foto img {
    width: 730px;
    height: 381px;
    object-fit: cover;
    object-position: center center;
}

.window-one__text,
.window-two__text,
.window-two__block,
.window-four__text,
.window-four__qrcode,
.window-five__text {
    background: #FFF;
    box-shadow: 0px 5px 12px rgba(14, 81, 141, 0.15);
    border-radius: 12px;
    padding: 32px;
}

.window-four__text {
    padding: 24px 24px 22.6px;
}

.window-four__text > h3 {
    margin-bottom: 16px;
}


.window-one__text {
    padding: 22px 21px;
}

.window-five__text {
    padding: 24px;
}

.window-two__text {
    padding: 24px;
}

.window-two__block {
    padding: 32px 0 28px 32px;
}

.window-four__qrcode h3 {
    margin-bottom: 12px;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 104%;
    text-align: center;
    color: #064288;
}

.window-two__text {
    margin-bottom: 40px;
}

.window-five__text h3 {
    margin-bottom: 28px;
}

.window-two__text {
    margin-bottom: 80px;
}

.window-five__text {
    margin-bottom: 32px;
}

.window-one__text,
.window-four__text {
    margin-right: 40px;
}

a.windows__link {
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    border-radius: 8px;
    width: 100%;
    color: #FFF;
    display: block;
    text-align: center;
    padding: 16px 0;
    font-size: 18px;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
}

.window-two__block .windows__link {
    width: 427px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    margin-top: 40px;
}

.window-two__block .phone-cart img {
    width: 609.78px;
    height: 596.32px;
    transform: rotate(16.75deg);
    transform: translateY(-127px)
}

.window-two {
    padding: 60px 0;
}

.window-two__block {
    display: flex;
    height: 413px;
}

.window-two__block div {
    width: 50%;
}

.window-one__text ul li {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.window-one__text ul li:last-child {
    margin-bottom: 40px;
}

.window-one__text ul li p {
    margin-left: 16px;
    opacity: 80%;
    font-weight: 400;
}

.window-one__text ul {
    margin-bottom: 22.5px;
}

.window-two__list,
.window-five__list {
    display: flex;

}

.window-five__list {
    gap: 16px;
}

.window-five__list-lastDiv {
    margin-right: 23px;
}

.window-two__list div {
    width: 25%;
}

.window-two__list span,
.window-four__list span,
.window-five__list span {
    border-radius: 50%;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    text-align: center;
    color: #FFF;
    width: 44px;
    display: block;
    padding: 12px 0;
    position: relative;
}

.window-two__list span::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 196px;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    left: 60px;
    top: 20px;
}

.window-five__list span::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 160px;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    left: 60px;
    top: 20px;
}

.window-four__list img {
    width: 231px;
}

.window-four__list span::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 160px;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    left: 60px;
    top: 20px;
}

.window-two__list p,
.window-four__list p,
.window-five__list p {
    font-size: 16px;
    opacity: 80%;
    font-weight: 400;
    margin-top: 24px;
    width: 80%;
}

.window-five__list p {
    margin-top: 20px;
}

.window-five__list p {
    width: 100%;
}

.window-four__list p {
    margin-top: 20px;
}

.window-two__list p {
    font-family: 'Roboto-Regular';
    font-size: 16px;
    line-height: 124%;
    font-style: normal;
    color: rgba(44, 59, 72, 0.8);
    opacity: 1 !important;
}

.window-two__text .button {
    text-align: right;
    color: #1579D3;
    /* text-transform: uppercase; */
    font-family: 'Myriad Pro SemiBold';
    font-size: 20px;
    padding-right: 4px;
    font-weight: 700;
    margin-top: 20.5px;
    cursor: pointer;
}

.window-two__text .button:hover {
    color: #419BEC;
}

.window-two__text .button img {
    margin-left: 10px;
}

.window-two__block h3 {
    font-size: 38px;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* text-fill-color: transparent; */
    margin-bottom: 16px;
}

.window-two__block > div > h3 {
    font-size: 34px;
    max-width: 619px;
    line-height: 37.4px;
}


.window-two__block div > p {
    font-size: 18px;
    font-family: 'Roboto-Regular';
    font-weight: 400;
    margin-bottom: 24px;
    color: rgba(44, 59, 72, 0.8);
}

.window-two__block ul li {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.window-two__block ul li p {
    margin-left: 16px;
    color: #2C3B48;
    font-weight: 400;

    font-family: 'Roboto-Regular';

}


header .different__color {
    color: #0088FF;
}

.window-four__list div {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.window-four__qrcode {
    width: 527px;
    padding: 24px 17px 28px 24px;
}

.window-four__list div {
    width: 33%;
    display: flex;
    flex-direction: column;
}

.window-four__list-paragraph {
    width: 100% !important;
}

.window-four__list div img {
    margin-top: 16px;
}



.window-four__qrcode-div {
    width: 307px;
    height: 307px;
    margin: 10px auto;
}

.window-four__qrcode div:last-child {
    display: flex;
    gap: 15.5px;
    align-items: center;
    margin-top: 28px;
}

.window-five__list div {
    width: 220px;

}

.window-five__list div:last-child {
    width: 265px;
}

.window-five__text .button {
    text-align: right;
    color: #1579D3;
    text-transform: uppercase;
    background-image: url(../image/Arrow.png);
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 30px;
    font-weight: 700;
    margin-top: 40px;
}

.window-three {
    display: flex;
    gap: 32px;
    padding: 60px 0 84px;
}

.window-three__block2 img {
    border-radius: 12px;
}

.window-three__block1 {

    width: 760px;
    padding: 24px;
    background-color: white;
    box-shadow: 0px 5px 12px rgba(14, 81, 141, 0.15);
    border-radius: 12px;
}

.window-three__block1_divPar1 {
    display: flex;
    margin-bottom: 40px;
}

.window-three__block1_divPar1 > div p {
    font-size: 18px;
    color: #2C3B48;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    line-height: 112%;
}

.window-three__block1_divPar1 > div {
    display: flex;
    gap: 12px;
    align-items: center;
    width: 50%;
}

.window-three__block1_divPar1-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-family: 'Myriad Pro Semibold';
    font-size: 20px;
    border-radius: 100%;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
}

.window-three__block1_divPar2 {
    display: flex;
    gap: 24px;
}

.window-three__block1_divPar2-element {
    width: 238px;
}

.window-three__block1_divPar2-element > div {
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.window-three__block1_divPar2-element > div p {

    font-size: 16px;
    line-height: 124%;
    color: #2C3B48;
}

.window-three__block1_divPar2-element-text {
    font-size: 14px;
    line-height: 112%;

    color: rgba(44, 59, 72, 0.8);
}

.text1 {
    padding: 16px 0 12px;
}

.window-three__block1_divPar2-element-text2 {
    font-size: 10px;
    line-height: 12px;
    color: #2C3B48;

}

.window-three__block1_divPar2-element-text3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    font-family: 'Roboto-Regular-Medium';
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}


/* EXPENSE  my code */
.expense__wrapper {

    display: flex;
    align-items: flex-start;
    padding: 0 90px;
    gap: 40px;
}

.expense__item-text-2 {
    font-family: 'Roboto-Regular';
    font-size: 14px;
}

.expense__wrapper > p {
    font-size: 20px;
    color: #2C3B48;
    font-weight: 600;
    /* width: 300px; */
    margin-left: 20px;
    background-image: url("../image/question.png");
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 40px;
    padding-bottom: 15px;
    font-family: 'Myriad Pro SemiBold';
}

.expense__wrapper .expense__item {
    background: #FFFFFF;
    box-shadow: 5px 5px 35px rgba(14, 81, 141, 0.12);
    border-radius: 8px;
    width: 308px;
    padding: 16px;
}

.expense__wrapper .expense__item:last-child {
    width: 288px;
}

.expense__item span {
    font-size: 16px;
    font-family: 'Roboto-Regular-Medium';
    font-weight: 500;
    opacity: 100%;
    margin-bottom: 8px;
    display: block;
    color: #161c21;
}

.expense__item p {
    width: 308px;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.36px;
    color: rgba(44, 59, 72, 0.8)
}

/* SERVICES */
.services {
    padding: 80px 0;
    padding-bottom: 60px;
}

.services h1 {
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
}

.services .section__wrapper > p {
    font-size: 18px;
    font-weight: 400;
    margin: 16px 0 40px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
    width: 100%;
}

.services__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 114%;
    align-items: center;
    color: #2C3B48;
}

.services__item p {
    width: 360px !important;
    opacity: 1 !important;
}

.services__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 32px;
}

.services__item {
    width: 358px;
    margin-bottom: 40px;
    padding: 20px 20px 0 20px;
    height: 268px;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    border-radius: 8px;
    position: relative
}

.services__item img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.services__item p {
    font-size: 16px;
    opacity: 80%;
}

p.services__title_ {
    font-size: 24px;
    font-weight: 600;
    opacity: 100%;
}

.services__item > div {
    text-align: end;
}

.section__wrapper

/* ICON */
.icon {
    background: #F8F8F8;
    padding: 60px 0;
}

.icon .section__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.icon__item {
    display: flex;
    align-items: flex-start;
    width: 30%;
    margin-bottom: 40px;
}

.icon__item p {
    font-size: 16px;
    opacity: 80%;
}

p.icon__title {
    font-size: 24px;
    font-weight: 600;
    opacity: 100%;
    margin-bottom: 10px;
}

.icon__item img {
    margin-right: 12px;
}

.icon__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    display: block;
    width: 205px;
    margin-bottom: 8px;
}

/* FOTO */
/* DOMOFON */

.foto {
    overflow: hidden;
}

.foto__text h2 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 40px;
}

.domofon__text h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    margin-bottom: 16px;
}

.foto__text p {
    font-size: 18px;
    font-weight: 400;
}

.domofon__text p {
    width: 700px !important;
}

.foto__text p.title,
.domofon__text p.title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    margin-bottom: 10px;
    color: #2C3B48;
}

.foto__text > div:not(:last-child) {
    margin-bottom: 32px;
}


.domofon {
    padding: 60px 0;
    background: #F8F8F8;
}

.domofon__foto img {
    border-radius: 12px;
}

.domofon .section__wrapper {
    display: flex;
    justify-content: space-between;
}

.domofon__text {
    padding-top: 33.5px;
    width: 50%;
}

.domofon__text p.title {
    margin-top: 32px;
}

/* MESSAGE */
.message {
    padding: 32px 0 34px;
}

.message h3 {
    font-size: 24px;
    font-weight: 700;
    width: 28%;
    margin-bottom: 30px;
}

.message .section__wrapper > div,
.message__block {
    display: flex;
    align-items: center;
}

.message__block {
    width: 312px;
}

.message__block:not(:last-child) {
    margin-right: 72px;
}

.message__block p {
    font-style: normal;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #2C3B48 !important;
}

.message__block img {
    margin-right: 16px;
    width: 48px;
}

.message__block p {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 120% !important;
    color: #2C3B48 !important;
}


/* GROUP */
.group {
    padding: 40px 0;
    background: #F8F8F8;
}

.group img {
    border-radius: 12px;
}

.group .section__wrapper {
    display: flex;
    justify-content: space-between;
}

.group__text {
    width: 55%;
}



.groupsecond {
    background: white;
    padding: 60px 0 !important;
}

.group__text p {
    margin-bottom: 32px !important;
}

.gruop__text2 p {
    margin-bottom: 24px !important;
}

.group__text .shantunqandem {
    width: 707px !important;
}

.group__text_title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    display: block;
    margin-bottom: 8px;
}

.group__text h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    margin-bottom: 16px;
}

/* .catalogPadding {
    padding: 100px 0 60px !important;
} */

.group__text p {
    width: 700px !important;
}

.group__text p {
    font-size: 16px;
    font-weight: 400;
}

.group__img {
    width: 40%;
}

.group__text p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 24px;
}

p.group__text_title {
    color: #2C3B48;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}



/* CATALOG */

.catalog__wrapper {
    background: url('../image/fon_number.png');
    height: 232px;
    width: 100%;
    background-repeat: no-repeat;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 40px 70px;
    background-size: 100%;
}

.catalog__wrapper > div {
    display: flex;
    justify-content: space-between;
}

.catalog__text {
    width: 60%;
}

.catalog__text h3 {
    font-size: 44px;
    font-weight: 700;
    color: #FFF;
    margin-bottom: 16px;
    line-height: 104%;
}

.catalog__text p {
    font-size: 18px !important;
    line-height: 120% !important;
}

.catalog__text p {
    font-size: 18px;
    color: #FFF !important;
}

.catalog__button {
    align-self: flex-end;
}

.catalog__button button {
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    color: #FFF;
    border: none;
    padding: 22px 62px;

    cursor: pointer;
}


.catalog {
    padding: 80px 0;
}

/* CONTACTS */
.contacts {
    background: #F8F8F8;
}

.contacts .section__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.section__footer {
    display: flex;
    align-items: center;
    padding-bottom: 40px;
    padding-top: 40px;
}

.section__footer img {
    width: 172px;
    height: 44px;
    transition: 1s;
}

.contacts p {
    width: 40%;
    font-size: 34px;
    font-weight: 700;
}

.section__wrapper a {
    padding: 0 50px;
}

.section__footer img:hover {
    transform: scale(1.05);
}

.section__footer p {
    font-size: 28px;
    padding-bottom: 12px;
    font-family: 'Myriad Pro Bold';
    width: 80% !important;
    color: #2C3B48;
}

.section__footer span {
    color: #2C3B48;
    font-size: 18px;
    font-weight: 400;
    margin-right: 105px;
    font-family: 'Roboto-Regular';
}

.banner_full {
    background-image: url(../image/bg_1.png);
    min-width: 100%;
    height: 684px;
    margin: 0;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
}

.banner_content {
    padding: 152px 0 165px;
}

.banner_text {
    width: 700px;

}

.banner_text h1 {

    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 100%;
    color: #2C3B48;
    margin-bottom: 16px;
}

/* my code */
.banner_text p {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: 400;
    width: 550px;
    font-size: 20px;
    line-height: 24px;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 80px;
}

.offer_knopka {
    color: #fff;
    padding: 23px 42px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
}



.cections {
    width: 1200px;
    margin: 80px auto 40px;
    display: flex;
    gap: 288px;
    transition: .3s;
    /* height: 360px; */
    background: #F8F8F8;
    box-shadow: 2px 8px 16px rgba(44, 59, 72, 0.1);
    border-radius: 16px;
    padding: 32px 40px 38px 40px;
    position: relative;
}

.cections1 {
    transition: .3s;
    width: 1240px;
    margin: 0 auto 20px;
    display: flex;
    gap: 328px;
    overflow: hidden;
    background: #fff;
    border-radius: 16px;
    padding: 40px 0 40.5px 40px;
    box-shadow: 2px 8px 16px rgba(44, 59, 72, 0.1);
    position: relative;
}

.cections:hover {
    box-shadow: 4px 10px 20px rgba(44, 59, 72, 0.12);
}

.cections1:hover {
    box-shadow: 4px 10px 20px rgba(44, 59, 72, 0.12);
}

.cections_text {
    width: 44%;
}

.for_img3 {
    display: flex;
    justify-content: center;
}

.i1 {
    transform: translate(-94px, -31px);
    transition: .75s ease-in;
    width: 148px;
    height: 174px;
}

.i2 {
    transform: translate(34px, -8px);
    transition: .75s ease-in;
    width: 111px;
    height: 130px;
}

.i3 {
    transform: translate(85px, 105px);
    transition: .75s ease-in;
    width: 136px;
    height: 159px;
}

.i4 {
    transform: translate(-170px, 115px);
    transition: .75s ease-in;
    width: 148px;
    height: 174px;
}

.i5 {
    transform: translate(-156px, -55px);
    transition: .75s ease-in;
    width: 111px;
    height: 130px;
}

.i6 {
    transform: translate(80px, 127px);
    transition: .75s ease-in;
    width: 131px;
    height: 153px;
}

.i7 {
    transform: translate(-50px, 34px);
    transition: .75s ease-in;
    width: 131px;
    height: 153px;
}

.cections_text h2 {
    padding-bottom: 12px;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    /* or 37px */


    /* Text header */

    color: #2C3B48;
}

.cections_text p {

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;

    /* header text pasive */

    color: rgba(44, 59, 72, 0.8);

}


.cections_img {
    width: 390px;
    padding-left: 125px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.cections_img img {
    height: 100%;
    width: 100%;
}

.offer__item {
    width: 620px;
    padding-bottom: 40px;
}

.offer__item h2 {
    width: 100%;
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #FFFFFF;
    padding: 40px 0 16px 70px;
}

.offer__item p {

    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    padding-left: 70px;
}

.btn_katalog {
    font-family: 'Roboto-Regular-Medium';
    color: #fff;
    font-weight: 500;
    padding: 23px 51px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
}

.btn__item {
    margin-top: 149px;
}

.sposob {
    background: #F8F8F8;
    width: 100%;
    padding-bottom: 60px;
}

.sposob h1 {

    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    padding-top: 60px;
}

.sposob_content {
    transition: .3s;
    background: #FFFFFF;
    border-radius: 12px;
    margin-top: 40px;
    padding: 24px;
}

/* .sposob_content:hover {

    box-shadow: 2px 8px 16px rgba(44, 59, 72, 0.1);
} */

/* my code */
.sposob_content h2 {
    /* padding: 24px; */

    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
}

.sposob_etap {
    width: 100%;
    display: flex;

    margin: 28px 0 36.5px;
}

.etap {
    width: 25%;
    display: block;
    margin: 0 32px 0 0;
}

.etap_nomer {
    display: flex;
    align-items: center;
    width: 100%;

}

.etap_cifra {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.etap_cifra p {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    text-align: center;
    color: #FFFFFF;
}

.etap_nomer hr {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    width: 216px;
    height: 2px;
    margin-left: 20px;
}

.etap_text {
    margin-top: 20px;
    width: 90%;
}

.etap_text-last {
    width: 100%;
}

.etap_text p {

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19.84px;
    color: rgba(44, 59, 72, 0.8);
}

.sposob_social {
    justify-content: space-between;
    margin-top: 32px;
    display: flex;
    align-items: center;
}

.social_item {
    transition: .3s;
    width: 320px;
    background: #fff;
    padding: 32px 40px 34px;
    display: block;
    border-radius: 16px;
}

.social_item:hover {

    box-shadow: 2px 8px 16px rgba(44, 59, 72, 0.1);
}

.icon_item {
    display: flex;
    align-items: center;
}

.icon_item img {
    margin-right: 12px;
    width: 40px;
    height: 40px;
}

.icon_item p {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.social_text {
    padding-top: 16px;

}

.social_text p {

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(44, 59, 72, 0.8);
}

.katalog__wrapper {
    background: url('../image/fon_number.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    padding-right: 70px;
    gap: 330px;
    margin: 80px 0 !important;

}

.formy h1 {

    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    padding: 40px 0 16px;
}

.formy p {
    width: 663px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21.6px;
    color: rgba(44, 59, 72, 0.8);
}

.forma_block {
    margin: 40px 0 60px;
    display: flex;
    align-items: center;
    gap: 32px;
}

.forma_name {

    align-items: flex-start;
    padding: 24px;
    width: 230.4px;
    transition: .3s;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 2px 4px 10px rgba(14, 81, 141, 0.04);
    border-radius: 8px;
}

.forma_name:hover {
    box-shadow: 2px 6px 16px rgba(14, 81, 141, 0.1);
}

.forma_name span {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.forma__button {
    color: #1579D3;

    padding-right: 30px;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    margin-top: 75px;
    font-family: 'Myriad Pro SemiBold';

}

.section__wrapper p {
    width: 600px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    opacity: 100% !important;
    align-items: center;
    color: rgba(44, 59, 72, 0.8);
}

.overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    background: rgba(44, 59, 72, 0.7);
}

.dlg-modal {
    max-width: 650px;
    margin: 10% auto;
    height: auto;
    position: relative;

    z-index: 10;
    padding: 28px 40px;
    background: #fff;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
}


.dlg-modal1 {
    box-sizing: border-box;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    width: 624px;
    height: 326px;
    top: 30%;
    margin: auto;
    position: relative;
    z-index: 10;
    padding: 35px 36px;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
}

.pop-1-text {
    text-align: initial;
}

.dlg-modal4 {
    max-width: 1200px;
    margin: 5% auto;
    height: auto;
    position: relative;
    z-index: 10;
    padding: 35px 36px;
    background: #fff;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
}

.dlg-modal,
.dlg-modal2 h3 {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    text-align: left;
}

.dlg-modal p,
.dlg-modal2 p {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19.84px;
    color: rgba(44, 59, 72, 0.8);
    text-align: left;
    margin: 12px 0 20px 0;
}

.dlg-modal2 {
    height: 950px;
    max-width: 700px;
    margin: 80px auto;
    position: relative;
    z-index: 10;
    padding: 28px 40px;
    background: #fff;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
}

.region {
    max-width: 556px;
    margin: 10% auto;
    height: auto;

    position: relative;
    z-index: 10;
    padding: 44px 32px;
    background: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
}

.region-text {
    text-align: left;
}

.services__item p {
    padding: 12px 0 19px;
}

.region-text p {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
}

.region-text h3 {
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    margin: 8px 0 24px 0;
}

.btn-link {
    display: flex;
    justify-content: space-around;
}

.btn-link a {
    align-items: center;
    width: 260px;
    padding: 22px 0;
    background: #1579d3;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
}

.region-link1 {
    color: #1579d3 !important;
    border: solid 3px #1579d3;
    background: transparent !important;
}

.popup__overlay,
.popup__overlay1,
.popup__overlay2,
.popup__overlay3,
.popup__overlay4,
.popup__overlay5,
.popup__overlay6,
.popup__overlay7,
.popup__overlay8,
.popup__overlay9 {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    text-align: center;


}

.popup__overlay2 {
    overflow: scroll;
    height: 105%;
}

.popup__overlay9 {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(44, 59, 72, 0.7);
    text-align: center;


}

.popup__overlay10 {
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;


}

.hidden,
.hidden1,
.hidden2,
.hidden3,
.hidden4,
.hidden5,
.hidden6,
.hidden7,
.hidden8,
.hidden9,
.hidden10 {
    display: none;
}

.closer,
.closer1,
.closer2,
.closer3,
.closer4,
.closer5,
.closer6,
.closer7,
.closer8,
.closer9 {
    width: 30px;
    height: 30px;
    background-size: contain !important;
    display: block;
    position: absolute;
    right: -80px;
    top: -40px;
    background: url(../image/cross.png) no-repeat;
    cursor: pointer;
}

.closer10 {

    display: flex;
    align-items: center;
    display: block;
    cursor: pointer;
    color: #2C3B48;
    opacity: 0.8;
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    margin: 46.5px 0 76.5px 0;
}

.closer10 img {
    width: 30px;
    margin-right: 10px;
}

.closer,
.closer1,
.closer2,
.closer3,
.closer4,
.closer5,
.closer6,
.closer7,
.closer8,
.closer9:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* ================fpopap================== */

.pop-emoji {
    box-sizing: border-box;
    width: 615px;
    height: 330px;
    background: #FFFFFF;
    border-radius: 24px;
    margin: 10% auto;
    position: relative;
    z-index: 10;
    padding: 35px 36px;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.85);

}

.emoji-face {
    position: absolute;
    left: 35%;
    right: -2.72%;
    top: -25%;
    bottom: 18.19%;
    border-radius: 27px;
    transform: rotate(0deg);
    Width: 190px;
    height: 180px;

}

.pop-emoji-text {
    margin: auto;
}

.pop-emoji h3 {
    width: 500px;
    height: 34px;
    font-family: "Myriad Pro SemiBold";
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    text-align: center;
    color: #2c3b48;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: auto;
    margin-top: 77px;
    margin-bottom: 12px;
}

.pop-emoji p {
    width: 390px;
    /* height: 58px; */
    font-family: "Roboto-Regular";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21.6px;
    text-align: center;
    color: rgba(44, 59, 72, 0.8);
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: auto;
}

.btn-emoji-link {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 66px;
    background: #1579d3;
    border-radius: 8px;
    margin: auto;
    margin-top: 24px;
}

.closer4 {
    right: -139px;
}

.closer5,
.closer6,
.closer9 {
    right: -95px;
}

.emoji-link {
    /* width: 93px; */
    height: 22px;
    font-family: "Myriad Pro";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.btn-emoji-link a {
    text-decoration: none;
}

/* -------red---------- */

.btn-emoji-link-red {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 66px;
    background: #FF2C5E;
    border-radius: 8px;
    margin: auto;
    margin-top: 30px;

}

/* mycode */
.pop-emoji-text-red p {
    width: 446px;
    /* height: 58px; */
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21.6px;
    text-align: center;
    color: rgba(44, 59, 72, 0.8);
}

/* ------------------------ */
.pop-emoji-text-sorry h3 {
    width: 550px;
    height: 74px;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    text-align: center;
    color: #2C3B48;
}

.pop-emoji-text-sorry p {
    width: 458px;
    /* height: 58px; */
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21.6px;
    text-align: center;
    color: rgba(44, 59, 72, 0.8);
}

.popup__overlay7 .pop-emoji {
    height: 363px;
}

/* ================================================================ */
.btn-pop-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -30px;
}

.pop-1-text h2 {

    font-family: "Myriad Pro";
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #ffffff;
    margin: 12px 0;
}

.pop-1-text p {
    font-family: "Myriad Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.8);
}

.btn-pop-1 a {
    font-family: "Myriad Pro";
    font-size: 18px;
    line-height: 22px;
    width: 260px;
    padding: 22px 0;
    color: #7D0A99;
    background: #ffffff;
    border-radius: 8px;
    text-align: center;
}

.pop-btn-link {
    background: linear-gradient(86.94deg, #7d0a99 -1.18%, #9818b7 99.29%) !important;
    color: #fff !important;
    margin-right: 20px;
}

/* ===========================katalog==================== */
.container-ktl {
    width: 1280px;
    margin: auto;

}

.ktl-title h2 {
    width: 161px;
    height: 46px;
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-top: 60px;
}

.ktl-title p {
    width: 700px;
    height: 44px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(44, 59, 72, 0.8);
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-top: 15px;
    margin-bottom: 32px;
}

.ktl-optn-list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 24px;
    gap: 20px;
    width: 1280px;
    height: 144px;
    flex: none;
    order: 1;
    flex-grow: 0;
    background: #F8F8F8;
    border-radius: 16px;
    box-sizing: border-box;


}

.ktl-optn-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px 8px;
    gap: 12px;
    width: 270px;
    height: 96px;
    background: #F8F8F8;
    border-radius: 12px;
    flex: none;
    order: 1;
    flex-grow: 0;

}

.ktl-optn-text {
    display: flex;
    flex-direction: column;
}

.ktl-optn-item h3 {
    width: 200px;
    height: 26px;

    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 8px;
}

.ktl-optn-item p {

    height: 38px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(44, 59, 72, 0.8);
    flex: none;
    order: 1;
    flex-grow: 0;
}

.group-wrp {
    display: flex;
}

.ktl-list-group h3 {


    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-top: 60px;
    margin-bottom: 48px;
}

.group-item {

    width: 260px;
    height: 467px;
    box-sizing: border-box;
    margin-right: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 0px 0px;
    gap: 24px;
    background: #FFFFFF;
    border-radius: 12px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.group-text span {
    display: inline;
    margin-right: 16px;

}

.group-text h4 {
    width: 260px;
    height: 23px;

    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    opacity: 0.9;
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 8px;
}

.group-text p {
    width: 265px;
    height: 19px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #2C3B48;
    opacity: 0.9;
    flex: none;
    order: 1;
    align-self: stretch;
    flex-grow: 0;
    margin-bottom: 37px;
}

.group-prc {
    width: 105px;
    height: 26px;

    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    display: flex;
    align-items: center;
    color: #2C3B48;
    flex: none;
    order: 0;
    flex-grow: 0;

}

.group-prc-n {
    width: 67px;
    height: 22px;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-decoration-line: line-through;
    color: #2C3B48;
    opacity: 0.3;
    flex: none;
    order: 1;
    flex-grow: 0;

}

.group-ques {
    width: 24px;
    height: 24px;
    margin-left: 20px;

}

.btn-group {
    width: 260px;
    height: 66px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    flex: none;
    order: 1;
    flex-grow: 0;
}

.btn-group a {
    width: 92px;
    height: 22px;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.video-monitor {
    margin-top: 80px;

}




/* .ktl-bnr-text h2 {
    width: 720px;
    height: 92px;
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #FFFFFF;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-left: 70px;
}
.ktl-bnr-text p{
    width: 640px;
    height: 44px;
   font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    flex: none;
    order: 1;
    flex-grow: 0;
    margin-top: 16px;
    margin-left: 70px;
}
/* .btn-bnr{ */
/* margin-right: 70px;
    margin-top: 126px;
    margin-bottom: 40px;
   
} */
/* .ktl-bnr-btn{
   box-sizing: border-box;
   width: 1280px;
} */

/* animation */
.fadeIn,
.fadeOut,
.slideInDown,
.slideOutUp {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        visibility: hidden;
    }

    to {
        opacity: 1;
        visibility: visible;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    opacity: 1;
    visibility: visible;
}

@keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible;
    }

    to {
        opacity: 0;
        visibility: hidden;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    opacity: 0;
    visibility: hidden;
}

@keyframes slideInDown {
    from {
        top: -20px;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }

    to {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    top: 50%;
    transform: translate(-50%, -50%);
}

@keyframes slideOutUp {
    from {
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    to {
        top: -20px;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.key_form {
    display: grid;
    font-size: 18px;
    margin: 10px 0;
}

.key_adres {
    width: 100%;
}

.key_adres input {
    width: 642px;
    background: #F8F8F8;
    border-radius: 8px;
    height: 66px;
    border: none;
    padding: 0 15px;
}

.key_adres input:not(:last-child) {
    margin-bottom: 12px;
}

.key_adres input::placeholder {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.6;
}

.block_form {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dlg-modal .somespan {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
}

.block_form input::placeholder {
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.6;
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
}

.block_form input {
    width: 39%;
    background: #F8F8F8;
    border-radius: 8.07867px;
    height: 66px;
    border: none;
    padding: 0 15px;

}

.block_form1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.block_form1 input::placeholder {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    opacity: .6;
}

.block_form1 input {
    width: 44%;
    background: #F8F8F8;
    border-radius: 8.07867px;
    height: 66px;
    border: none;
    padding: 0 15px;

}

.block_form select {
    background: #F8F8F8;
    border-radius: 8.07867px;
    height: 66px;
    border: none;
    padding: 0 15px;
}

.block_form option {
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    display: flex;
    align-items: center;
    color: #2C3B48;
}

.btn_submit {
    display: block;
    margin: 20px 0 8px 0;
}

.btn_submit button {
    width: 260px;
    height: 66px;
    background: #1579D3;
    border-radius: 8px;
    color: #fff;
    border: none;
    float: left;
}

.key_form span {
    display: block;
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    text-align: left;
    font-style: normal;
    font-weight: 400;
}

.key_form .gjvauje {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
}

/*Подсказка каталог*/
/* задаем относительное позиционирование контейнеру */
.podsk {
    position: relative;
}

/* Оформление скрытого элемента по умолчанию */
.hidden {
    display: none;
    position: absolute;
    bottom: -80px;
    border-radius: 12px;
    left: 95px;
    background-color: #fff;
    color: #3aaeda;
    padding: 18px;
    text-align: left;
    box-shadow: 4px 10px 20px rgb(44 59 72 / 12%);
    font-size: 14px;
    z-index: 99;
    height: 236px;
    width: 287px;

}

.hidden-last {
    display: none;
    position: absolute;
    bottom: -80px;
    border-radius: 12px;
    left: -550px;
    background-color: #fff;
    color: #3aaeda;
    padding: 18px;
    text-align: left;
    box-shadow: 4px 10px 20px rgb(44 59 72 / 12%);
    font-size: 14px;
    z-index: 99;
    height: 236px;
    width: 287px;
}

/* Дополнительное оформление скрытого элемента(необязательно) */
.focus + .hidden:before {
    content: " ";
    position: absolute;
    top: 98%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #fff;
    border-color: #fff transparent transparent transparent;
    z-index: 2;
}

/* Дополнительное оформление скрытого элемента(необязательно) */
.focus + .hidden:after {
    content: " ";
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    height: 0;
    width: 0;
    border: 7px solid transparent;
    border-right: 7px solid #fff;
    border-color: rgba(0, 0, 0, .16) transparent transparent transparent;
    z-index: 1;
}


/* Появление скрытого элемента при клике */
.focus:focus + .hidden {
    display: block;
}

/*Подсказка каталог*/

/*Большой попап*/

h3 {
    font-family: 'Myriad Pro Bold';
    font-size: 32px;
    line-height: 110%;
    color: #2c3b48;
}

.dlg-modal p {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(44, 59, 72, 0.8);
}

.key_addres {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 99%;
    background: #f8f8f8;
    border-radius: 8.07867px;
    margin-bottom: 12px;
    padding: 0 20px;
}

.block_form {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: auto;
}

.phone {
    background: #f8f8f8;
    border-radius: 8.07867px;
    align-items: center;
    width: 45%;
    padding-left: 20px;


}

.tema-obr {
    margin: 24px 0;
}

input {
    font-family: 'Roboto-Regular';
    border: none;
    width: 642px;
    height: 86px;
}




/* ==================== */
textarea {
    width: 100%;
    height: 125px;
    resize: none;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 32px 20px;
    background: #F8F8F8;
    border-radius: 8.07867px;
    border: none;
}

textarea::placeholder {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    opacity: .6;
}

.file-wrp {
    box-sizing: border-box;
    width: 100%;
    height: 93px;
    background: #ffffff;
    border: 1px dashed #1579d3;
    border-radius: 8.07867px;
    display: flex;
    justify-content: center;
    text-align: center;
    display: inline-block;
}

.file-wrp p {
    color: rgba(44, 59, 72, 0.8);
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    text-align: center;
    color: rgba(44, 59, 72, 0.8);
    opacity: 0.8;
}

.text-wrp {
    margin-top: 15px;
}

.castom-file input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}

.text-file {
    color: #1579d3;
    font-family: "Myriad Pro Bold";
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 116%;
    /* or 23px */

    text-align: center;
}

.text-wrp span {
    font-family: 'Myriad Pro Bold' !important;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    display: inline-block;
    text-align: center;
}

.text-file {
    color: #1579D3 !important;
}

.text-file-sk {
    color: rgba(44, 59, 72, 0.8);
    font-family: "Myriad Pro";
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    text-align: center;
}

/**test*/
.checklist {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 12px 0 20px -10px;
}

.input-wrap {
    position: relative;
    margin-bottom: 22px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.checklist__input {
    display: none;
}

.checklist__input:not([disabled]) + label.checklist__item {
    cursor: pointer;
    position: relative;

    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, padding-right .2s ease-in-out;
}

span.close > img {
    width: 100%;
    height: 100%;
}

.checklist__item {
    font-size: 14px;
}

.checklist__item {
    font-family: 'Roboto-Regular';
    border-radius: 60px;
    width: 196px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(125, 10, 153, 0.05);
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: #2C3B48;
}


.checklist__input:not([disabled]) + label.checklist__item .close {
    width: 10px;
    height: 10px;
}

.checklist__input:not([disabled]) + label.checklist__item .close {
    display: none;
    width: 8px;
    height: 8px;
}

.checklist__input:checked + label.checklist__item .close {
    position: absolute;
    right: 22%;
    bottom: 23px;
    display: block;
    animation: a .3s ease;
}

.checklist__input:checked + label.checklist__item .closedRight {
    right: 15px !important;
}


.checklist__input:not([disabled]) + label.checklist__item .close {
    width: 10px;
    height: 10px;
}

.checklist__input:checked + label.checklist__item {
    font-family: 'Myriad Pro';
    color: #fff;
    background: #7D0A99;
    border: 1px solid rgba(125, 10, 153, 0.8);
    padding-right: 15px;
}

/*Большой попап конец*/
/*каталог попап*/
.pcat-container {
    display: flex;
    flex-direction: row;
    margin-top: 40px;
}

.small-item {
    box-sizing: border-box;
    width: 80px;
    height: 80px;
    border: 1px solid rgba(44, 59, 72, 0.8);
    border-radius: 8px;
    background-repeat: no-repeat;
    margin-bottom: 16px;
    margin-right: 28px;
}

#cat-one {
    background-image: url(../image/pop-cat/one.png);
    background-repeat: no-repeat;

}

#cat-two {
    background-image: url(../image/pop-cat/two.png);
    background-repeat: no-repeat;
}

#cat-three {
    background-image: url(../image/pop-cat/three.png);
    background-repeat: no-repeat;
}

#cat-four {
    background-image: url(../image/pop-cat/four.png);
    background-repeat: no-repeat;
}

.cat-img-bg {
    box-sizing: border-box;
    width: 372px;
    height: 368px;
    background: url(../image/pop-cat/bg.png);
    border: 1px solid rgba(44, 59, 72, 0.1);
    border-radius: 12px;
    flex: none;
    margin-right: 40px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.pop-title-vizit {
    width: 430px;
    height: 50px;
    font-family: 'Myriad Pro';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    flex: none;
    order: 0;
    flex-grow: 0;
    display: flex;
    text-align: left;


}

.cat-img-text {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.cat-img-text h4 {
    width: 621px;
    height: 52px;
    font-family: "Myriad Pro";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2c3b48;
    margin-top: 1px;
    margin-bottom: 16px;
}

.cat-img-pr {
    width: 620px;
    height: 114px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(44, 59, 72, 0.8);

}

.btn-text-cat {

    padding: 22px 57px;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #ffffff;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    margin-top: 120px;
    display: inline-block;
}

.pop-cat-btn a {
    text-decoration: none;
}

.pop-bot-tittle {
    width: 617px;
    height: 44px;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #2C3B48;
    display: flex;
    text-align: left;
}

.pop-cat-bot {
    display: flex;
}

.pop-btn-optn {
    width: 270px;
    height: 92px;
    padding: 12px 8px;
    gap: 12px;
    background: #F8F8F8;
    border-radius: 12px;
    margin-right: 20px;
    display: flex;
    margin-top: 24px;
    padding: 12px 8px;
    flex-direction: row;

}


.btn-optn-text {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-top: -10px;


}

.pop-optn-title {
    width: 122px;
    height: 22px;

    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    color: #2C3B48;
    margin-top: 17px;
    margin-bottom: 8px;

}

.btn-optn-text p {
    width: 210px;
    height: 38px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(44, 59, 72, 0.8);

}

.pop-text-par {
    width: 198px;
    height: 38px;

    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: rgba(44, 59, 72, 0.8);
}

.pop-btn-optn img {
    height: 25px;
    width: 25px;
    margin-left: 14px;
    margin-right: 14.66px;
    margin-top: 14.66px;



}

/* --------------------да нет */
.yesno {
    padding: 40px 60px;
    /* gap: 24px; */
    position: relative;
    margin: auto;
    width: 732px;
    height: 546px;
    /* left: 579px; */
    top: 10%;
    background: #FFFFFF;
    border-radius: 24px;
    flex: none;
    order: 0;


}

/* -----------toggle------- */
.cmn-toggle {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.cmn-toggle + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}

input.cmn-toggle-round-flat + label {
    background-color: #dddddd;
    transition: background 0.4s;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 4px;
    gap: 16px;

    width: 202px;
    height: 62px;

    background: #f8f8f8;
    border-radius: 100px;
}

input.cmn-toggle-round-flat + label:before,
input.cmn-toggle-round-flat + label:after {
    display: block;
    position: absolute;
    content: "";
}

input.cmn-toggle-round-flat + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #f8f8f8;
    border-radius: 60px;
    transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 52px;
    border-radius: 52px;
    transition: margin 0.4s, background 0.4s;

    background: #ffffff;
    align-items: center;
    padding: 16px 30px;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.16);
    border-radius: 100px;
}

input.cmn-toggle-round-flat:checked + label {
    background-color: #f8f8f8;
}

input.cmn-toggle-round-flat:checked + label:after {
    margin-left: 94px;
    /*   background-color: #8ce196; */
    background: #ffffff;

}


.switch {
    margin-top: 12px;

}

.tgl-yes {
    position: relative;
    z-index: 2;
    width: 21px;
    height: 22px;

    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #2c3b48;
    margin-left: 38px;

}

.tgl-no {
    position: relative;
    z-index: 2;
    width: 21px;
    height: 22px;

    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #2c3b48;
    left: 55px;

}

.btn_tgl {
    display: block;
    margin: 24px 0 12px 0;
}

.btn_tgl button {
    width: 260px;
    height: 66px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    border-radius: 8px;
    color: #fff;
    border: none;
    float: left;
}

/* -------- */
.title-yesno {
    width: 642px;
    height: 37px;

    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin-bottom: 12px;
    text-align: left;


}

.yesno p {
    width: 495px;
    height: 44px;

    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: rgba(44, 59, 72, 0.8);
    text-align: left;
}

.yesno h4 {

    width: 642px;
    height: 23px;

    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    margin-top: 24px;
    text-align: left;
}

/* ================popap================== */


/* ==========New Pages=========== */

.expenses {
    width: 100%;
    background: url('../image/uddom/background__first.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 0;
    position: relative;
}

.expense__info {
    padding: 80px 0 196px;
}

.expense__title {
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 100%;
    color: #FFFFFF;
    max-width: 446px;
    margin-bottom: 20px;
}

.expense__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    max-width: 460px;
    color: #FFFFFF;
    margin-bottom: 54px;
}

.expense__card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 23px;
    max-width: 556px;
}

.expense__card-item {
    display: flex;
    align-items: center;
    width: 256px;
}

.expense__card-icon {
    margin-right: 19.33px;
}

.expense__card-info {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #FFFFFF
}

.expense__img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.expense__img img {
    height: 100%;
}

.comfort {
    margin-top: 60px;
}

.comfort__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 20px;
}

.comfort__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
    width: 988px;
    margin-bottom: 40px;
}

.comfort__card-subtitle {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #2C3B48;
    margin-bottom: 28px;
}

.comford__card {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.comfort__card-item {
    width: 406px;
    height: 533px;
    margin-bottom: 36px;
}

.comfort__card-item img {
    width: 100%;
    height: 100%;
}

.control {
    width: 100%;
    background: url(../image/uddom/background__first.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 707px;
    padding: 60px 0 6px;
    box-sizing: border-box;
}

.control__wrapper {
    display: flex;
    justify-content: center;
}

.control__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #FFFFFF;
    width: 733px;
    margin-bottom: 40px;
}

.control__info {
    width: 750px;
}


.control__card {
    display: flex;
    flex-wrap: wrap;
}

.control__card-item {
    background: rgba(255, 255, 255, 0.7);
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    border-radius: 16px;
    width: 330px;
    box-sizing: border-box;
    height: 111px;
    margin-right: 20px;
    margin-bottom: 18px;
    display: flex;
    cursor: pointer;
    flex-direction: column;
    padding: 20px 25px;
    transition: .3s;
}

.control__card-item:hover {
    background: rgba(255, 255, 255, 0.8)
}

.control__card-item:active {
    background: rgba(255, 255, 255, 0.9)
}

.control__card-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    align-self: flex-start;
    
    margin-bottom: 8px;
}

.control__card-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.control__button {
    width: 260px;
    height: 66px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #FFFFFF;
    margin-top: 42px;
}

.control__img {
    margin-right: 62.81px;
}

.application {
    padding: 28px 0;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    display: flex;
    flex-direction: column;
}

.application__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 110%;
    color: #FFFFFF;
    width: 500px;
    margin-bottom: 24px;
}

.application__form {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: space-between;
}

.application__form__inputs__par {
    position: relative;
}

.application__form__inputs__span {
    position: absolute;
    top: 23px;
    left: 23px;
    color: rgba(44, 59, 72, 0.6);
    transition: all .3s;
}

.application__form__inputs__par input:focus ~ span {
    top: 13px;
    left: 20px;
    opacity: 0.6;

    font-size: 14px;
}

.citys__filter__par {
    width: 458px;
    position: absolute;
    top: 74px;
    background: #f8f8f8;
    border-radius: 8px;
    overflow: hidden;
    z-index: 100;
}

.citys__filter__element {
    cursor: pointer;
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);
    padding: 12px 0 11px 20px;
    background: #F8F8F8;
    color: rgba(44, 59, 72, 0.8);
    display: none;
}

.citys__filter__element:hover {
    color: white;
    background: #1579D3;
}

.application__addres {
    width: 458px;
    box-sizing: border-box;
    padding-top: 20px;
    height: 66px;
    background: #F8F8F8;
    border-radius: 8px;
    font-size: 16px;
    padding-left: 20px;
}

.application__name {
    width: 251px;
    box-sizing: border-box;
    padding-top: 20px;
    height: 66px;
    font-size: 16px;
    padding-left: 20px;
    background: #F8F8F8;
    border-radius: 8px;
}



.application__phone {
    width: 251px;
    box-sizing: border-box;
    padding-top: 20px;
    height: 66px;
    padding-left: 20px;
    font-size: 16px;
    background: #F8F8F8;
    border-radius: 8px;

}

.application__send {
    width: 260px;
    height: 66px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #FFFFFF;
}

.application__subtitle {
    float: right;
    margin-top: 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: rgba(255, 255, 255, 0.8);
    opacity: 0.8;
    width: 259px;
}

.question {
    margin-top: 40px;
    margin-bottom: 24px;
}

.question__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 24px;
}

details {
    padding: 16px;
}

details[open] summary ~ * {
    animation: open 0.3s ease-in-out;
}

@keyframes open {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

details summary::-webkit-details-marker {
    display: none;
}

details summary {
    width: 100%;
    border-top: 1px solid rgba(44, 59, 72, 0.2);
    position: relative;
    cursor: pointer;
    list-style: none;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    line-height: 116%;
    padding: 24.5px 0;
}

details summary div {
    position: absolute;
    width: 34px;
    height: 34px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    transform-origin: center;
    transition: all 200ms linear;
}

details summary div:hover {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);

}

details summary div:hover svg path {
    stroke: white
}

details summary div svg {
    transform-origin: center;
    transition: 200ms linear;
}

details[open] summary svg {

    transform: rotate(45deg);
    font-size: 2rem;
}

details summary {
    outline: 0;
}

details p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    margin-top: 16px;
    width: 986px;
}

details p span {
    color: #1474CA;
}

.answer {
    padding: 32px 0;
    background: #F8F8F8;
}

.answer .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.answer__title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 12px;
}

.answer__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    width: 426px;
    color: rgba(44, 59, 72, 0.8);
}

.answer__button {
    width: 260px;
    height: 66px;
    background: #1579D3;
    border-radius: 8px;
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #FFFFFF;
}

/* Sputnik Page */

.expense__img-pic {
    left: 0;
}

.enpense__info-right {
    display: flex;
    justify-content: flex-end;
}

.map {
    padding: 60px 0 42px;
    position: relative;
}

.map__info {
    width: 55%;
}

.map__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    margin-bottom: 48px;
}

.map__subtitle {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 12px;
}

.map__phone {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.map__info-text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #2C3B48;
}

.map__address {
    width: 620px;
    margin: 4px 0 40px;
}

.map__phone a {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    margin-right: 8px;
}

.map__work-week {
    margin-bottom: 20px;
}

.map__application {
    margin-top: 40px;
}

.map__day {
    margin-bottom: 16px;
}

.map__button {
    margin-top: 20px;
    margin-bottom: 122px;
    width: 260px;
    height: 66px;
    background: linear-gradient(86.94deg, #7D0A99 -1.18%, #9818B7 99.29%);
    border-radius: 8px;
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    color: #FFFFFF;
}

.map__comments {
    display: flex;
    align-items: center;
}

.map__comments:last-child {
    margin-top: 22px;
}

.map__comments img {
    margin-right: 6px;
}

.map__comments p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.map__navigation {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
}

.map__navigation > div {
    height: 100%;
    width: 100%;
    border: none;
}

.map__navigation iframe {
    height: 100%;
    width: 100%;
    border: none;
}

.map__osinnik .map__info-text {
    margin-bottom: 8px;
}

.map__osinnik .map__info-text:last-child {
    margin-bottom: 16px;
}

.control-panel {
    background: url(../image/uddom/white-concrete-wall%201.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.control__dowload {
    margin-top: 42px;
}

.control__dowload img {
    margin-right: 28.5px;
}

.control__dowload img:last-child {
    margin-right: 0;
}

.advice {
    padding: 60px 0 40px;
}

.advice__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    width: 554px;
}

.advice__card {
    display: flex;
    column-gap: 40px;
    margin-top: 40px;
}

.advice__card-left {
    display: flex;
    flex-direction: column;
    row-gap: 120px;
}

.advice__card-right {
    display: flex;
    flex-direction: column;
    row-gap: 120px;
    padding-top: 60px;
}

.advice__item {
    transition: all 1.2s linear;

    display: flex;
}

.advice__item-info {
    margin-left: 12px;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.16);
    border-radius: 16px;
    background: #FFFFFF;
    width: 304px;
}

.advice__item-title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    width: 278px;
    display: inline-block;
}

.advice__item-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 278px;
    margin-top: 16px;
    display: inline-block;
}

.advice__item-pic {
    width: 320px;
    height: 240px;
}

.advice__item-pic img {
    width: 100%;
    height: 100%;
}

.operation {
    padding: 60px 0;
}

.operation__title {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    text-align: center;
    color: #2C3B48;
}

.operation__with {
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
    padding: 0 70px;
    margin-bottom: 24px;
}

.operation__with-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: rgba(44, 59, 72, 0.8);
}

.operation__card {
    width: 100%;
    display: none;
    justify-content: center;
    column-gap: 40px;
}

.operation__item {
    background: #FFFFFF;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.08);
    border-radius: 16px;
    padding: 24px 52px;
}

.operation__item img {
    margin-bottom: 22px;
}

.operation__item-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    margin-bottom: 8px;
}

.operation__item-subtitle {
    margin-left: 35px;
    margin-bottom: 20px;
    width: 509px;
}

.operation__item-title span {
    margin-right: 20px
}

.videocall {
    padding: 60px 0 32px;
    background: #F8F8F8;
}

.videocall__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    color: #2C3B48;
    margin-bottom: 32px;
}

.videocall__card {
    display: flex;
}

.videocall__item {
    width: 50%;
}

.videocall__item-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    color: #2C3B48;
}

.videocall__item-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 690px;
}

.videocall__menu {
    display: flex;
    flex-direction: column;
    margin-top: 24px;
    row-gap: 16px;
}

.videocall__menu li {
    display: flex;
}

.videocall__menu-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    color: #2C3B48;
    line-height: 116%;
    margin-left: 16px;
}

.online {
    padding: 60px;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
}

.online__card {
    width: 100%;
    background: linear-gradient(179.07deg, #FFFFFF 48.39%, #FCFCFD 90.22%, #CFD5E2 133.87%);
    border-radius: 24px;
    padding-top: 40px;
    padding-left: 70px;
    display: flex;
    position: relative;
}

.online__info {
    display: flex;
    flex-direction: column;
}

.online__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    width: 448px;
    color: #064288;
    margin-bottom: 32px;
}

.online__subtitle {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    width: 457px;
    margin-bottom: 20px;
    display: flex;
}

.online__subtitle img {
    margin-right: 20px;
}

.online__subtitle p {
    font-family: 'Roboto-Regular-Medium';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 112%;
    width: 422px;
    color: #2C3B48;
}

.online__info-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    width: 417px;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 55px;
}

.online__more {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #1579D3;
    display: inline;
    align-self: flex-start;
    margin-bottom: 97.5px;
}

.online__more img {
    margin-left: 10px;
}

.online__pic {
    margin-left: 105px;
    display: flex;
}

.online__img {
    height: 100%;
}

.online__pic img {
    height: 100%;
}

.dowload {
    padding: 60px 0 59px;
    background: #F8F8F8;
}

.dowload__title {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    text-align: center;
    color: #2C3B48;
}

.dowload__accepts {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    column-gap: 120px;
    margin-bottom: 24px;
}

.dowload__accept {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: rgba(44, 59, 72, 0.8);
}

.dowload__card {
    background: #FFFFFF;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.08);
    border-radius: 20px;
    padding: 26px 24px;
    display: none;
    justify-content: space-between;
}

.dowload__subtitle {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
}

.dowload__subtitle-title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    margin: 24px 0;
}

.dowload__info-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: #2C3B48;
    width: 568px;
    margin-bottom: 24px;
}

.dowload__info-text a {
    color: #1579D2
}

.dowload__about {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    width: 568px;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 12.5px;
}

.dowload__dowload {
    display: flex;
    width: 201px;
    align-items: center;
    color: #1579D3;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
}

.dowload__dowload img {
    margin-left: 10px;
}

.function {
    padding: 60px 0 63px;
}

.function__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    text-align: center;
    margin-bottom: 24px;
}

.function__support {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 70px;
}

.function__support-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 24px;
}

.function__card {
    padding: 24px;
    background: #FFFFFF;
    width: 100%;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.08);
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    display: none;
}

.function__info {
    padding-top: 20px;
}

.function__info-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    width: 454px;
    margin-bottom: 24px;
}

.function__info-subtitle {
    font-family: 'Roboto-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 580px;
    margin-bottom: 24px;
}

.function__info-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: #2C3B48;
    width: 580px;
}

.notification {
    padding: 60px 0;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
}

.notification__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.notification__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: #FFFFFF;
    width: 843px;
    margin-bottom: 40px;
}

.notification__card {
    display: flex;
    justify-content: space-between;
}

.notification__item {
    background: linear-gradient(169.33deg, #FFFFFF 32.85%, #CFD5E2 108.33%);
    box-shadow: 0px 4px 32px rgba(9, 40, 67, 0.77);
    border-radius: 20px;
    padding-top: 24px;
    padding-left: 38.67px;
    padding-right: 38.67px;
    height: 508px;
    position: relative;
    overflow: hidden;
}

.notification__item-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 12px;
}

.notification__item-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 328px;
}

.notification__card img {
    width: 307px;
    height: 308px;
    position: absolute;
    bottom: -16px;
}

.control-adress {
    padding: 60px 0 40px;
}

.control-adress__card {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 2px 8px 16px rgba(44, 59, 72, 0.1);
    border-radius: 24px;
    padding: 40px 70px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.control-adress-title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    width: 399px;
    color: #064288;
}

.control-adress-subtitle {
    margin: 24px 0 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 417px;
}

.control-adress-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 429px;
}

.control-adress-pic {
    display: flex;
    position: relative;
}

.control-adress-img {
    position: relative;
    left: 0;
    top: 0;
    width: 300px;
    height: 115%;
}

.control-adress-img:first-child {
    left: 110px;
}

.invite {
    padding: 40px 0;
    background: #F8F8F8;
}

.invite__title {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    width: 500px;
    margin-bottom: 16px;
}

.invite__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #2C3B48;
    width: 717px;
    margin-bottom: 24px;
}

.invite__card {
    display: flex;
    justify-content: space-between;
}

.invite__item {
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    border-radius: 16px;
    background: #FFFFFF;
    padding: 32px;
    height: 256px;
    display: flex;
    padding-right: 10px;
}

.invite__info-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #064288;
    margin-bottom: 20px;
}

.invite__text {
    display: flex;
}

.invite__text:not(:last-child) {
    margin-bottom: 12px;
}

.invite__text span {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
    margin-right: 24px;
}

.invite__info-text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 325px;
}

.invite__pic {
    position: relative;
    width: 210px;
}

.invite__pic img {
    position: absolute;
    height: 112.5%;
    width: 100%;
}

.video {
    padding: 60px 0;
    background: linear-gradient(169.33deg, #FFFFFF 32.85%, #CFD5E2 108.33%)
}

.video__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #064288;
    width: 667px;
    margin-bottom: 16px;
}

.video__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #2C3B48;
    margin-bottom: 32px;
}

.video__video {
    width: 100%;
    height: 652px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2C3B48;
    box-shadow: 0px 5px 12px rgba(14, 81, 141, 0.15);
    border-radius: 16px;
    margin-bottom: 40px;
}

.video__circle {
    width: 200px;
    height: 200px;
    border: 2px solid white;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.video__card {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 32px;
    background: #FFFFFF;
    box-shadow: 0px 5px 12px rgba(14, 81, 141, 0.15);
    border-radius: 16px;
    box-sizing: border-box;
}

.video__card-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.video__card-right {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.video__card-item {
    display: flex;
}

.video__card-circle {
    width: 44px;
    height: 44px;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    border-radius: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
}

.video__card-item p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 524px;
}

.attention {
    padding: 60px 0;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
}

.attention__title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 104%;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.attention__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
    width: 789px;
}

.attention__card {
    margin-top: 51px;
    background: linear-gradient(169.33deg, #FFFFFF 32.85%, #CFD5E2 108.33%);
    border-radius: 32px;
    position: relative;
    display: flex;
    padding: 60px 40px;
}

.attention__qr {
    display: flex;
    align-items: center;
}

.attention__pic {
    position: absolute;
    right: 100px;
    bottom: -4px;
}

.attention__dowload {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 32px;
}

.attention__dowload-title {
    margin-bottom: 34px;
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.attention__app {
    display: flex;
    gap: 20px;
}

.whywe__section1 {
    padding: 80px 0;
}

.whywe__section1 .container {
    display: flex;

}

.whywe__section1__block1 {
    width: 666px;
}

.whywe__section1__block1 h1 {
    font-size: 52px;
    color: #2C3B48;
}

.whywe__section1__block1 p {
    padding: 24px 0 50px;
    width: 625px;
    font-size: 18px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
}

.whywe__section1__block1 .btn {
    border-radius: 8px;
    padding: 23px 83px;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto-Regular-Medium';
}

.whywe__section1__block2-img1 img {
    transform: translateX(50px);
}

.whywe__section1__block2-img2 {
    margin-top: 60px;
}

.whywe__section1__block2-img2 img:first-child {
    transform: translateX(-60px);
}

.whywe__section2 {
    padding: 40px 0;
    background: #F8F8F8;
}

.whywe__section2 h2 {
    font-size: 34px;
    font-family: 'Myriad Pro Bold';
    color: #2C3B48;
    font-weight: 700;
}

.whywe__section2 .container > p {
    padding: 16px 0 28px;
    width: 712px;
    font-size: 18px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
}

.whywe__section2__par {
    display: flex;
    gap: 96.66px;
}

.parItem1 {
    width: 240px;
}

.parItem2 {
    width: 252px;
}

.parItem3 {
    width: 258px;
}

.whywe__section2__par__item p {
    padding: 20px 0 8px;
    color: #2C3B48;
    font-size: 20px;
    font-family: 'Myriad Pro Semibold';
}

.whywe__section2__par__item span {
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.cifral__section1 {
    padding: 60px 0;
}

.cifral__section1 .container {
    display: flex;
    gap: 35px;
    align-items: center;
}

.cifral__section1__block1 {
    width: 625px;
}

.cifral__section1__block1 h1 {
    font-size: 52px;
    color: #2C3B48;
}

.cifral__section1__block1 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    padding-top: 24px;
    color: rgba(44, 59, 72, 0.8);
}

.number1 {
    padding: 20px 0;
}

.number1 .number__wrapper {
    padding: 60px 0;
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    border-radius: 24px;
}

.cifral__section2 {
    padding: 60px 0;
}

.cifral__section2 .container {
    display: flex;
    gap: 40px;
    align-items: center;
}

.cifral__section2__block1 {
    width: 620px;
}

.cifral__section2__block2 {
    width: 617px;
}

.cifral__section2__block2 h3 {
    font-weight: 600;
    font-size: 32px;
    font-family: 'Myriad Pro SemiBold';
    color: #2C3B48;
}

.cifral__section2__block2 p,
.cifral__section2__block2 span {
    font-size: 18px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
}

.cifral__section2__block2 p {
    padding: 20px 0 16px;

}

.gruop__text3 p {
    opacity: 1;
    margin-bottom: 16px !important;
}

.history {
    padding: 60px 0;
}

.history h2 {
    color: #2C3B48;
    font-size: 44px;
    font-weight: 700;
    font-family: 'Myriad Pro Bold';

}

.history__block {
    display: flex;
    margin-top: 40px;
    flex-direction: column;
    gap: 24px;
}

.history__block_item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.history__block_item-circle {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
}

.history__block_item__block1 {
    display: flex;
    gap: 25px;
    align-items: center;
}

.history__block_item__block2 {
    display: flex;
    align-items: stretch;
    gap: 40px;
}

.history__block_item-line {
    width: 2px;
    margin-left: 15px;
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
}

.history__block_item__block2 span {
    width: 931px;
    font-size: 18px;
    line-height: 120%;
    color: rgba(44, 59, 72, 0.8);
}

.history__block_item__block2-span {
    margin-left: 57px;
}

.history__block_item__block1 p {
    color: #2C3B48;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Myriad Pro SemiBold';
}

.feedback {
    padding: 60px 0 60.5px;
    background: #F8F8F8;
}

.feedback h2 {
    font-weight: 700;
    font-size: 44px;
    font-family: 'Myriad Pro Bold';
    color: #2C3B48;
}

.feedback__wrapper {
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
    row-gap: 24px;
    margin-top: 40px;
}

.feedback__item {
    padding: 24px;
    background-color: white;
    border-radius: 16px;
    box-sizing: border-box;
    width: 400px;
}

.feedback__item span,
.swiper-slide span {
    font-size: 14px;
    color: rgba(44, 59, 72, 0.8);
}

.feedback__item h4,
.swiper-slide h4 {
    font-weight: 600;
    font-size: 20px;
    opacity: 1;
    padding: 8px 0 12px;
    font-family: 'Myriad Pro SemiBold';
    color: #2C3B48;

}

.feedback__item p,
.swiper-slide p {
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    padding-bottom: 12px;

}

.feedback__item a {
    font-size: 18px;
    display: flex;
    align-items: flex-start;
    gap: 5px;
    color: #064288;
}

.feedback .news__button {
    margin-top: 40.5px;
}

.swiper-wrapper {
    padding: 20px 0 30px;
}

.swiper-slide {
    width: 100%;
}

.swiperBlock {
    padding: 40px 0;
}

.swiperBlock-a {
    display: flex;
    gap: 10px;
    color: #064288;
    align-items: center;
    margin-bottom: 30px;
}

.swiper-slide-item {
    padding: 20px 0 32px 24px;
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);
}

.swiperBlock .swiper-pagination,
.swiperBlock1 .swiper-pagination {
    margin-top: 40px;
    bottom: 0 !important;
    text-align: right;
    margin-right: 45px;
    left: -45px !important;
}

.swiperBlock1 .swiper-pagination {
    bottom: 6px !important;
}

.swiperBlock1 .swiper-pagination-bullet,
.swiperBlock .swiper-pagination-bullet {
    background: transparent;
    opacity: .6;
    color: rgba(44, 59, 72, 0.8);
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 20px !important;
    margin: 0 6px !important;
}

.swiper-pagination-bullet-active {
    opacity: 1 !important;
    color: #064288 !important;
}

.swiper-pagination-bullet:active {
    opacity: 1;
}

.swiper-pagination-bullet:hover {
    opacity: .8 !important;
}

:root {
    --swiper-navigation-size: 20px;
    --swiper-theme-color: #064288;

}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .3;

}

.swiper-button-prev,
.swiper-button-next {
    top: 99.1%;
    z-index: 1000;
    font-weight: 600;
}

.swiper-button-prev {
    left: auto !important;
    right: 157px !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: .8;
}

.swiper-button-prev:active,
.swiper-button-next:active {
    opacity: 1;
}

.slide-item-last {
    border: none;
}

.news__section1 {
    padding: 60px 0 40px;
}

.news__wrapper1 {
    display: flex;
    gap: 40px;
}

.news__section1 h2 {
    font-size: 44px;
    color: #2C3B48;
    padding-bottom: 40px;
}

.news__item1 {
    width: 400px;
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 2px 4px 16px rgba(14, 81, 141, 0.04);
    border-radius: 16px;
    overflow: hidden;
}

.news__item__info {
    padding: 12px 16px 28px 16px;
}

.news__item__info span {
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
    color: rgba(44, 59, 72, 0.8);
}

.news__item__info p {
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.filtrs {
    display: flex;
    justify-content: flex-end;
    position: relative;
    gap: 16px;
    align-items: flex-start;
}

.swiperBlock1 {
    padding: 28px 0 20px;
}

.swiperBlock1 .swiper-wrapper {
    padding: 0;
    padding-bottom: 72px;
}

.swiperBlock1 .swiper-slide__item {
    box-sizing: border-box;
    padding: 24px 40px;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    border-top: 1px solid rgba(44, 59, 72, 0.2);
}

.swiper-slide__item__date {
    display: flex;
    gap: 6px;
    align-items: flex-end;

}

.swiper2__last-item {
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);

}

.swiper-slide__item__date p {
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 32px;
    user-select: none;
    transform: translateY(-12px);
    color: #064288;
}

.swiper-slide__item__date span {
    opacity: 0.9;
    color: #064288;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Roboto-Regular';
}

.swiper-slide__item__block2 {
    width: 1062px;
}

.swiper-slide__item__block2 p {
    font-family: 'Myriad Pro SemiBold';
    font-weight: 600;
    font-size: 20px;
    color: #2C3B48;
    padding-bottom: 8px;
}

.swiper-slide__item__block2 span {
    font-family: 'Roboto-Regular';
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);


}

#city,
#time {
    width: 214px;
    height: 40px;
    box-sizing: border-box;
    background: #F8F8F8;
    cursor: pointer;
    border-radius: 8px;
    padding: 10px 12px 10px 20px;
}

.input {
    align-self: flex-start;
}

.input,
.inputDiv {
    position: relative;
    cursor: pointer;
}

.input img,
.input2 img {
    position: absolute;
    transform-origin: center;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    right: 10px;
}

.roteteClass {
    transform: translateY(-50%) rotate(0) !important;

}

.cityes {
    width: 214px;
    height: 195px;
    background: #F8F8F8;
    z-index: 10000;
    border-radius: 8px;
    overflow-y: scroll;
    display: none;
    position: absolute;
    top: 48px;
    right: 230px;
}



.cityValue {
    cursor: pointer;
    background: #F8F8F8;
    padding: 8px 0 8px 20px;
    color: rgba(44, 59, 72, 0.8);
    font-size: 14px;
    font-family: 'Roboto-Regular';
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);
}

.cityValue:hover {
    background-color: #0088FF;
    color: white
}

.cityValue:last-child {
    border: none;
}



.cityes::-webkit-scrollbar {
    width: 6px;
    background: #DDE3E8;
    border-radius: 8px;
}

.cityes::-webkit-scrollbar-thumb {
    width: 100%;
    height: 16px;
    background: rgba(44, 59, 72, 0.4);
    border-radius: 8px;
}

.input__time__par {
    width: 214px;
    border-radius: 8px;
    background: #f8f8f8;
    position: absolute;
    right: 0;
    z-index: 1000;
    display: none;
    top: 47px;
}

.Dblock {
    display: block;
}

.year__block {
    padding: 13px 16px;
    display: flex;
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);
    justify-content: space-between;
}

.mouth__block {
    display: flex;
    gap: 11px;
    padding: 16px 6px 16px 8px;
}

.mouth__block-item1,
.mouth__block-item2,
.mouth__block-item3 {
    width: 55px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    color: rgba(44, 59, 72, 0.8);
    align-items: center;
}

.mouth__value {
    user-select: none;
    font-size: 14px;
}

.mouth__value:hover {
    color: #0088FF;
    cursor: pointer;
}

.mouth__block-item2 {
    width: 58px;
}

.mouth__block-item3 {
    width: 63px;
}

#prevBut {
    cursor: pointer;
}

#nextBut {
    cursor: pointer;
    pointer-events: none;
    opacity: .2;
    transform: rotate(180deg);
}

#prevBut:hover path,
#nextBut:hover path {
    stroke: #0088FF;

}

.year__block p {
    cursor: pointer;
    user-select: none;
    font-size: 16px;
    font-family: 'Roboto-Regular-Medium';
    color: #2C3B48;
}

.year__block p:hover {
    color: #0088FF;
}

.reset__block {
    padding: 4px 0 20px;
    text-align: center;
    cursor: pointer;
    color: rgba(44, 59, 72, 0.3);
}

.opacity__1 {
    opacity: 1 !important;
    pointer-events: unset !important;
}

.opacityReset {
    pointer-events: unset;
    color: #1579D3;
}

.reset__block {
    user-select: none;
}

.activeListEl {
    color: #1579D3 !important;
}

.openNews {
    padding: 42px 0;
}

.openNews .container > a {
    display: flex;
    gap: 10px;
    color: #064288;
    align-items: center;
    margin-bottom: 42px;
}

.openNews .container > span {
    font-size: 14px;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 12px;
}

.openNews__info__par > h2 {
    font-size: 34px;
    line-height: 110%;
    color: #2C3B48;
    margin-bottom: 32px;
}

.openNews__info__par {
    width: 730px;
}

.openNews__info__par p {
    line-height: 124%;
    padding-bottom: 12px;
    color: rgba(44, 59, 72, 0.8);
}

.openNews__select__div {
    background: #F3F9FF;
    border-radius: 8px;
    line-height: 124%;
    width: 730px;
    box-sizing: border-box;
    padding: 20px;
    margin-top: 16px;
    color: #2C3B48;
}

.openNews__citat__div {
    padding: 24px 52px 20px;
    box-sizing: border-box;
    width: 730px;
    background: #F3F9FF;
    position: relative;
    margin-top: 32px;
    border-radius: 8px;
}

.openNews__citat__div__text1 {
    line-height: 124%;
    color: #2C3B48;
}

.openNews__citat__div img {
    position: absolute;
    top: 13px;
    left: 10px;
}

.openNews__citat__div__text2 {
    text-align: right;
    color: #2C3B48;
    font-family: 'Roboto-Regular-Medium';
}

.openNews__citat__div__text2 span {
    color: rgba(44, 59, 72, 0.8);
    font-family: 'Roboto-Regular';
    padding-top: 12px;
}

.openNews__block1 {
    width: 730px;
}

.swiperBlock2 .swiper {
    padding-bottom: 30px;
    user-select: none;
}

.swiper-scrollbar {
    width: 642px !important;
    left: 0 !important;
    height: 2px !important;
    bottom: 31px !important;
    background: rgba(6, 66, 136, .2) !important;
}

.swiper-scrollbar-drag {
    background: #064288 !important;
}

.swiperBlock2 .swiper-button-prev,
.swiperBlock2 .swiper-button-next {
    top: 89.5% !important;
    right: 8.5px !important;
    width: 7.5px !important;
    height: 15px !important;
}

.swiperBlock2 .swiper-button-prev {
    right: 32px !important;
}

.swiperBlock2 .swiper-button-next {
    right: 8px !important;
}

.openNews__img1 {
    margin-top: 8px;
    margin-bottom: 32px;
}

.openNews__img2 {
    margin-bottom: 32px;
}

.openNews__share {
    color: #1579D3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 22px;
}

.openNews__par {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.openNews__block2 {
    width: 440px;
}

.openNEws__block2__par1 {
    box-sizing: border-box;
    padding: 20px;
    background: #F6F6FB;
    border-radius: 8px;

}

.openNEws__block2__par1 h3 {
    font-size: 20px;
    color: #2C3B48;
    font-family: 'Myriad Pro SemiBold';
    padding-bottom: 20px;
}

.openNews__lastNews__par {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.openNews__lastNews__par span {
    color: rgba(44, 59, 72, 0.8);
    font-size: 14px;
}

.openNews__lastNews__par span {
    color: #2C3B48;
    padding-top: 4px;
}

.openNews__block2__par2 {
    margin-top: 24px;
    border-radius: 8px;
    overflow: hidden;
    background: #F6F6FB;
}

.openNews__block2__par2 h3 {
    color: #2C3B48;
    font-size: 20px;
    font-family: 'Myriad Pro SemiBold';
}

.openNews__block2__par2 > div {
    padding: 16px;
    padding-bottom: 20px;
}

.openNews__block2__par2 span {
    color: rgba(44, 59, 72, 0.8);
    font-size: 14px;
    display: block;
    padding-top: 4px;
}

.openNews__input__par {
    display: flex;
    margin-top: 20px;
    align-items: flex-start;
    justify-content: space-between;
}

.openNews__input__par input {
    width: 228px;
    padding: 16px 0 16px 20px;
    height: 48px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 8px;
}

.openNews__input__par input::placeholder {
    color: rgba(44, 59, 72, 0.6);
    font-size: 14px;
    font-family: 'Roboto-Regular';
}

.openNews__input__par button {
    padding: 16px 0;
    width: 170px;
    background: #1579D3;
    border-radius: 8px;
    text-align: center;
    color: white;
    font-family: 'Roboto-Regular';
}

.question__details {
    padding: 24.5px 16px 55.5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    height: 72px;
    box-sizing: border-box;
    transition: .2s;
}

.addedDetails {
    height: 111px;
}

.addedP {
    opacity: 1 !important;
}

.question__details:not(:last-child) {
    border-bottom: 1px solid rgba(44, 59, 72, 0.2);
}

.question__summary > div {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    padding: 5px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .2s;
    background: transparent;
}

.addedDiv {
    transform: translateY(-50%) rotate(45deg) !important;
}

.question__details:hover svg path {
    stroke: white;
}

.question__details:hover .question__summary > div {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
}

.question__summary {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.question__details p {
    margin-top: 16px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 986px;
    opacity: 0;
}

.onlImg {
    position: absolute;
    height: 262px !important;
    top: 50%;
    transform: translateY(-50%);
    right: 50px;
}

.visit {
    background: linear-gradient(218.96deg, #0E488D 6.14%, #153179 63.92%, #113161 100.27%);
    padding: 60px 0;
}

.visit__card {
    width: 100%;
    background: linear-gradient(179.07deg, #FFFFFF 48.39%, #FCFCFD 90.22%, #CFD5E2 133.87%);
    border-radius: 24px;
    padding-top: 40px;
    padding-left: 70px;
    overflow: hidden;
}

.visit__title {
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 110%;
    color: #064288;
    margin-bottom: 12px;
}

.visit__subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.visit__foto {
    display: flex;
    gap: 20px;
    margin-top: 40px;
    justify-content: center;
}

.visit__pic img {
    height: 100%;
    transition: .3s;
    cursor: pointer;
}

.visit__pic:hover > img {
    transform: scale(1.05)
}

.register {
    padding: 60px 0 64px;
}

.register__title {
    font-style: normal;
    font-weight: 700;
    font-size: 44px;
    line-height: 104%;
    text-align: center;
    color: #2C3B48;
    margin-bottom: 16px;
}

.register__subtitle {
    padding: 0 70px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    text-align: center;
    color: rgba(44, 59, 72, 0.8);
    margin-bottom: 40px;
}

.register__card {
    display: flex;
    justify-content: space-between;
}

.register__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.register__info-title {
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 116%;
    color: #2C3B48;
}

.register__info-subtitle {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
    width: 292px;
}

.register__start {
    margin-top: 32px;
    font-family: 'Myriad Pro SemiBold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    color: #2C3B48;
    text-align: center;
}

.register__dowload {
    margin-top: 16px;
    display: flex;
    justify-content: center;
    gap: 28.5px;
}

.operation__with-title {
    cursor: pointer;
}

.operation__card2 {
    box-sizing: border-box;
    padding: 24px;
    width: 100%;
    display: none;
    gap: 32px;
    box-shadow: 2px 6px 16px rgba(44, 59, 72, 0.08);
    border-radius: 20px;
}

.Dflex {
    display: flex !important;
}

.operation__card2__textpar {
    padding: 32px 32px 0 0;

}

.operation__card2__textpar h3 {
    font-size: 24px;
    line-height: 110%;
    font-family: 'Myriad Pro SemiBold';
    padding-bottom: 24px;
    color: #2C3B48;
}

.operation__card2__textpar p {

    line-height: 124%;
    color: #2C3B48;
}

.operation__with-title-active {
    background: linear-gradient(73.43deg, #1579D3 12.84%, #3495ED 54.14%, #47A3F5 77.84%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.dowload__card2__text__par {
    padding: 20px 32px 0 32px;
}

.dowload__card2__text__par h3 {
    font-size: 24px;
    font-family: 'Myriad Pro SemiBold';
    color: #2C3B48;

}

.dowload__card2__text__par p {
    padding-top: 24px;
    line-height: 124%;
    color: #2C3B48;
}

.dowload__accept,
.function__support-title {
    cursor: pointer;
}

.expense__list__par {
    display: flex;
    gap: 31px;
    margin-left: 18px;
}

.expense__list-item ul li {
    list-style-type: disc;
    color: white;
}

.expense__list-item ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.expense__list-item {
    width: 290px;
    font-size: 18px;
    line-height: 120%;
    color: #FFFFFF;
}

.expense__list-item:first-child {
    width: 237px;
}

.uddom2__info {
    padding: 60px 0;
}

.uddom2__info > h3 {
    font-size: 34px;
    color: #2C3B48;
}

.uddom2__info p {
    padding-top: 16px;
    font-size: 18px;
    line-height: 124%;
    color: rgba(44, 59, 72, 0.8);
}

.uddom2__section {
    background-color: #F8F8F8;
}

.uddom2__info__card__par {
    display: flex;
    margin-top: 40px;
    gap: 24px;
}

.uddom2__info__card__item {
    width: 300px;
    background: white;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    min-height: 510px;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: space-between;
}

.uddom2__info__card__item p {
    font-size: 16px;
}

.uddom2__info__card__item h3 {
    width: 202px;
    font-size: 20px;
    line-height: 116%;
    font-family: 'Myriad Pro SemiBold';
    color: #2C3B48;
}

.uddom2__info__card__item a {
    color: #1579D3;
    font-size: 16px;
    font-family: 'Myriad Pro SemiBold';
    text-align: right;
}

.control2 {
    background: url(../image/bg_blue.jpg);
    background-size: cover;
}

.control__button {
    margin-top: 22px;
}

.activePayment svg path {
    fill: #064288;
}
.expenses1{
    background-image: url(../image/uddom/background__first1.png);
}